{% include "header.html" %}
  
  <!-- CONTEÚDO -->
  <div class="container left">
    <div class="content table center"> 
      
      <!-- CONTEÚDO PRIMÁRIO -->
      <div class="primary left"> 
       
        <!-- ARTIGO -->
        <div class="artigo boxPattern left">
          <h3 class="titleLarge relative left"><span class="iconset i-artigos"></span>Artigo</h3>
          <div class="boxArtigo left">
            <div class="boxArtigo2 left"><strong>{{ artigo.titulo }}</strong><p>{{ artigo.subtitulo }}</p>
            </div>
			<div class="box-redes">
				<div class="redesociais">
					<!-- Compartilhar Orkut -->
					<div id="orkut_share" style="width:100%;"></div><script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load('orkut.share', '1');google.setOnLoadCallback(function(){new google.orkut.share.Button({style:'mini'}).draw('orkut_share');}, true);</script>
				</div>
				<div class="redesociais twitter">
					<!-- Compartilhar Twitter -->
					<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="InstitutoGalaxy" rel="nofollow">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
				</div>
				<div class="redesociais plus">
					<!-- Compartilhar Plus -->
					<g:plusone size="medium" style="width:68px!important;"></g:plusone>
				</div>
				<div class="redesociais facebook1">
				<!-- Compartilhar Facebook -->
				<iframe src="http://www.facebook.com/plugins/like.php?href=www.institutogalaxy.com.br{% url ingenium.views.artigo artigo_id=artigo.id %}&%0Alayout=standard&show_faces=false&width=380&action=recommend&colorscheme=light&height=30" style="border: medium none; overflow: hidden; width: 300px; height: 30px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
				</div>
			</div>
             	<div class="autorArtigo left">
             		<span class="autorFoto"><img class="Foto01 left" src="/media/{{ artigo.imagem_destaque }}" width="106" height="139" alt="Fotoautor" /></span>
             		<strong>{{ artigo.autor }}</strong>
                    {{ artigo.autor_desc|safe }}
                </div>
            </div>
          	<div class="boxcontent2 left">
            	<span class="textArtigo left"><h4 class="resumo">Resumo</h4>{{ artigo.resumo|safe }}</span>
            <div class="textArtigo2 left"><p>{{ artigo.conteudo|safe }}</p></div>

        {% load comments %}

        <span class="comentarios"><h3>Comentários</h3></span>

        {% get_comment_list for artigo as comentarios %}
            {% for comentario in comentarios %}
        <div class="comentario">
            <span class="nome-usuario"><p style="margin:0 0 5px 0"><strong style="color:#F29400 !important">Nome: </strong>{{ comentario.name }}</p>    <p class="mail-usuario">{{ comentario.email }}</p></span>
            <span class="coment-usuario"><p><strong style="color:#F29400 !important">Comentário: </strong>{{ comentario.comment }}</p></span>
        </div>
        {% endfor %}

        {% get_comment_form for artigo as form %}
        <form class="comentario-form" action="{% comment_form_target %}" method="POST">{% csrf_token %}
            <input type="hidden" name="next" value="{% url ingenium.views.artigo artigo_id=artigo.id %}" />
            <ul>
                <li><p>Nome:</p> {{ form.name }}</li>
                <li><p>E-mail:</p> {{ form.email }}</li>
                <li><p>Comentário:</p> {{ form.comment }}</li>
                <input id="id_honeypot" type="text" name="honeypot">
                <input id="id_content_type" type="hidden" value="publicacoes.artigo" name="content_type">
                <input id="id_object_pk" type="hidden" value="{{ artigo.id }}" name="object_pk">
                {{ form.security_hash }}
                {{ form.timestamp }}
                <li class="botao-coment"><button class="button-coment" type="submit">Enviar</button></li>
            </ul>
        </form>

          </div>
          </div>
        
	<!--FIM DE ARTIGO-->

     
      </div>
      <!-- // FIM CONTEÚDO PRIMÁRIO --> 
      
      <!-- CONTEÚDO SECUNDÁRIO -->
      <div class="secondary left"> 
       
       <!-- DESTASQUES-->
       <div class="destasques boxPattern left">
       	<h3 class="titleSmall relative left"><span class="iconset i-estrela"></span>Destaques</h3>
       	<div class="boxDestaques left">
        	<ul class="listaDestaques left">
            	{% for destaques in destaques %}
                <a href="{% url ingenium.views.destaque destaques_id=destaques.id %}" title="" >
            	<li class="listaDestaquesContainer">
                	<img class="imgDestaq" src='/media/{{ destaques.imagem_destaque }}' width="60" height="30" alt="noticia 01" /><span class="listaInterna">{{ destaques.titulo }}</span>
                </li></a>
            	{% endfor %}
            </ul>
           <div class="verTodas left"> <a href="{%url ingenium.views.destaques%}" title="" class="vTodas">ver todas<span class="i-more">+</span></a> </div>
        </div>
       </div>
       <!-- FIM DE DESTAQUES-->
        
            <!-- EVENTOS -->
        	<div class="eventos boxPattern left">

            	<h3 class="titleSmall relative left"><span class="iconset i-eventos"></span>Eventos</h3>

                <div class="boxEventos left">

                	<div class="listaEventos left" id="bin">

						<ul class="listaEventosContainer left">

                        	{% for eventos in eventos %}

                        	<li>

                            	<a href="eventos.html" title="" class="boxEvento left">  

                            		<span class="data left"><strong class="large left">{{ eventos.diadoevento|date:"d" }}</strong><strong class="small left">{{ eventos.diadoevento|date:"M"  }}</strong></span>

                                    <span class="text left">

                                    <strong>{{ eventos.titulo }}</strong>

                                    {{ eventos.conteudo|safe }}</span>

                                   

                                </a>

                            </li>

                        {% endfor %}

                        </ul>

					 	

                    </div>

                    <div class="verTodas left">

                        <a href="eventos.html" title="" class="vTodas">ver todas<span class="i-more">+</span></a>

                    </div>

                </div>


            </div>
        	<!-- // FIM EVENTOS -->
        
        <!-- REDES SOCIAIS -->
        <div class="sociais boxPattern no-marginBottom left">

          <div class="sociaisBox table boxer left">

            <ul class="titleAbas">

              <li><a class="facebook left " href="#tab1" title="Facebook"><span class="iconset i-face"></span>FACEBOOK</a></li>

              <li><a class="twitter left" href="#tab2" title="Twitter"><span class="iconset i-twit"></span>TWITTER</a></li>

            </ul>

            <div class="contentRedesociais left"> 

              

              <!-- FACEBOOK -->

              <div id="tab1" class="tabRedesociais"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FInstituto-Galaxy-Consultoria-e-Treinamento%2F208204072548213&amp;width=293&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=370" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:293px; height:340px;" allowTransparency="true"></iframe></div>


              <!-- TWITTER -->

              <div id="tab2" class="tabRedesociais"><script src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>

new TWTR.Widget({

  version: 2,

  type: 'profile',

  rpp: 4,

  interval: 6000,

  width: 293,

  height: 253,

  theme: {

    shell: {

      background: '#f29500',

      color: '#ffffff'

    },

    tweets: {

      background: '#ffffff',

      color: '#004084',

      links: '#0088ff'

    }

  },

  features: {

    scrollbar: true,

    loop: true,

    live: true,

    hashtags: true,

    timestamp: true,

    avatars: false,

    behavior: 'default'

  }

}).render().setUser('InstitutoGalaxy').start();

</script>

			</div>

          </div>

        </div>
        
		</div>
        <!-- // REDES SOCIAIS --> 
        
      </div>
      <!-- // FIM CONTEÚDO SECUNDÁRIO --> 
      
    </div>
  </div>
  <!-- // FIM CONTEÚDO --> 
  
 {% include "rodape.html" %}
